@import url('../../reset.css');

body {
  /* 1、设置背景颜色：#f5f5f5; */
	background-color: #f5f5f5;
}

.card {
  width: 232px;
  height: 300px;

  /* 2、设置所有的属性都具有0.2s的过渡时间，并且运动曲线为linear */

	transform: all 0.2s linear;
  background-color: #fff;
  text-align: center;
  padding: 20px;
  cursor: pointer;

}

/* 3、当鼠标移入类名为card的元素时，运行如下样式 */
.card:hover{
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(-50%, -50%);
}

.card img {
  margin-bottom: 18px;
}

.card .title {
  font-size: 14px;
  color: #333;
  margin-bottom: 2px;
}

.card .desc {
  margin-bottom: 10px;
  font-size: 12px;
  color: #b0b0b0;
}

.card .price {
  margin-bottom: 14px;
  color: #ff6700;
  font-size: 14px;
}